﻿.c_order {
    display: table;
    margin-top: 26px;
    width: 100%;
    margin-bottom: 56px;
}
/*start订单公告部分*/
.order_comm {
    display: table;
    width: 100%;
}

    .order_comm .fl_order_comm {
        display: table-cell;
        /*width: 100%;*/
        vertical-align: middle;
        padding: 0px 5px;
        color: #999;
        font-size: 18px;
    }

    .order_comm .fr_order_comm {
        display: table-cell;
        width: 108px;
    }

        .order_comm .fr_order_comm .onle_chat {
            background: url('/themes/mStyle1/Image/Order/OnlineContact.png') no-repeat;
            background-size: 98px 28px;
            width: 98px;
            height: 28px;
            display: block;
            margin-right: 10px;
            cursor: pointer;
        }

    .order_comm .l_order_user {
        display: table-cell;
        width: 70px;
        vertical-align: middle;
    }

        .order_comm .l_order_user .l_order_user_href {
            display: block;
            vertical-align: middle;
        }

            .order_comm .l_order_user .l_order_user_href img {
                width: 65px;
                height: 65px;
                margin: 5px;
                border-radius: 50%;
            }

    .order_comm .r_order_user {
        display: table-cell;
        /*width: 100%;*/
        vertical-align: middle;
    }

        .order_comm .r_order_user .r_order_user_href {
            font-size: 14px;
            margin-left: 5px;
            vertical-align: middle;
            color: #333;
            cursor: pointer;
        }

    .order_comm .div_order_status {
        width: 80px;
        text-align: center;
        font-size: 14px;
        vertical-align: middle;
        display: table-cell;
        line-height: 24px;
    }

        .order_comm .div_order_status .order_money {
            color: #f00;
        }

        .order_comm .div_order_status .order_status {
            color: #4cff00;
        }

.order_operating {
    display: table;
    width: 100%;
    color: #999;
    text-align: center;
    margin: 5px 0px;
}

    .order_operating > .operatInfo {
        display: table-cell;
    }

        .order_operating > .operatInfo a {
            cursor: pointer;
            color: #3398dc;
        }

.order_info_list {
    display: table;
    border: 1px dashed #333;
    width: 100%;
}

    .order_info_list:hover {
        border: 1px dashed #0a7fc6;
    }

.excision {
    width: 100%;
    height: 10px;
}

.order_time {
    display: table;
    width: 100%;
    margin-top: 5px;
}

    .order_time .l_order_time {
        display: table-cell;
        width: 70px;
        text-align: right;
        font-size: 14px;
    }

        .order_time .l_order_time span {
            margin-right: 8px;
        }

    .order_time .c_order_time {
        display: table-cell;
    }

        .order_time .c_order_time input {
            border: 1px solid #fff;
        }

    .order_time .r_order_time {
        display: table-cell;
        width: 20px;
    }

        .order_time .r_order_time span {
            border-right: 3px solid #7c7c81;
            border-top: 3px solid #7c7c81;
            display: block;
            font-style: italic;
            height: 8px;
            transform: rotate(45deg);
            width: 8px;
            -moz-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
        }
/*end订单公共部分*/

/*start车辆列表*/
.order_vehicle_info {
    display: table;
    width: 100%;
    margin-top: 20px;
}

    .order_vehicle_info .l_ovi {
        display: table-cell;
        width: 30%;
        min-width: 100px;
        max-height: 140px;
        vertical-align: top;
    }

        .order_vehicle_info .l_ovi .c_l_ovi {
            width: 100%;
            display: block;
            padding: 5px;
        }

            .order_vehicle_info .l_ovi .c_l_ovi img {
                width: 100%;
            }

    .order_vehicle_info .r_ovi {
        display: table-cell;
        width: 70%;
        padding-left: 10px;
        vertical-align: middle;
    }

        .order_vehicle_info .r_ovi .n_vehicle {
            font-family: 微软雅黑;
            color: #333333;
            font-size: 16px;
            line-height: 24px;
        }

        .order_vehicle_info .r_ovi .info_vehicle {
            font-family: 微软雅黑;
            color: #999999;
            font-size: 14px;
            line-height: 24px;
        }

        .order_vehicle_info .r_ovi .other_vInfo {
            display: table;
            width: 100%;
        }

            .order_vehicle_info .r_ovi .other_vInfo .vehicle_price {
                display: table-cell;
                font-family: 微软雅黑;
                color: #db0000;
                font-size: 18px;
                line-height: 24px;
            }

            .order_vehicle_info .r_ovi .other_vInfo .delete_vehice {
                display: table-cell;
                width: 40px;
                color: #999;
            }

                .order_vehicle_info .r_ovi .other_vInfo .delete_vehice a {
                    cursor: pointer;
                }

/*end车辆列表*/

/*start 添加车辆按钮*/
.order_add {
    width: 100%;
    padding: 0px 20px;
}

    .order_add .btn_c_add {
        width: 100%;
        height: 36px;
        background-color: #e4e4e4;
        border: 1px solid #dedede;
        border-radius: 5px;
        text-align: center;
        line-height: 36px;
        cursor: pointer;
    }

        .order_add .btn_c_add .ioc_add {
            background: url('/themes/mStyle1/Image/Order/add.png') no-repeat;
            background-size: 24px 24px;
            width: 24px;
            height: 24px;
            display: inline-block;
            vertical-align: middle;
        }

        .order_add .btn_c_add .txt_add {
            display: inline-block;
            margin-left: 16px;
            color: #666;
        }
/*end 添加车辆按钮*/

/*start 订单底部*/
.order_bottom {
    width: 100%;
    background-color: #fff;
    max-height: 100px;
    position: fixed;
    bottom: 0;
    padding: 0 3px;
    max-width: 840px;
    min-width: 300px;
    height: 56px;
    display: table;
    z-index: 1000;
}

    .order_bottom .lb_order {
        display: table-cell;
        width: 44%;
        font-family: 微软雅黑;
        font-weight: bold;
        font-size: 12px;
        line-height: 36px;
        vertical-align: middle;
        position: absolute;
        top: 10px;
        bottom: 10px;
        height: 36px;
    }

        .order_bottom .lb_order .lb_title {
            color: #999;
        }

        .order_bottom .lb_order .lb_content {
            color: #d90101;
        }

    .order_bottom .rb_order {
        display: table-cell;
        width: 56%;
        padding: 0px 5px;
        vertical-align: middle;
        height: 36px;
        position: absolute;
        top: 10px;
        bottom: 10px;
        right: 5px;
    }

    .order_bottom .cb_order {
        display: table-cell;
        width: 100%;
        padding: 0px 5px;
        vertical-align: middle;
        height: 36px;
        position: absolute;
        top: 10px;
        bottom: 10px;
        right: 5px;
    }

        .order_bottom .rb_order .btn_submit, .order_bottom .cb_order .btn_submit, .order_bottom .order_ref .btn_submit {
            width: 100%;
            background: #dc2726;
            height: 36px;
            border-radius: 5px;
            line-height: 32px;
            color: #fff;
            display: inline-block;
            text-align: center;
            font-family: 微软雅黑;
            font-size: 18px;
            cursor: pointer;
        }

    .order_bottom .three_bottom {
        width: 33%;
    }

.preferential {
    font-size: 10px;
    color: #999;
}

    .preferential span {
        color: #999 !important;
    }

.order_bottom .bc_order {
    left: 34%;
}

.order_bottom .order_ref {
    position: absolute;
    left: 0px;
    width: 50%;
    padding: 0px 5px;
}

.order_bottom .order_ref_r {
    width: 50%;
}
.order_bottom .all_order {
    width:100%;
}
/*end 订单底部*/
/*start添加车辆列表*/
.c_add_vehicel_list {
    display: table;
    width: 100%;
}

    .c_add_vehicel_list .add_vehicle_check {
        display: table-cell;
        width: 30px;
        text-align: center;
        vertical-align: middle;
    }

    .c_add_vehicel_list .add_vehicle_info {
        display: table-cell;
        width: 100%;
        vertical-align: top;
    }

        .c_add_vehicel_list .add_vehicle_info .delete_vehice {
            display: none !important;
        }
/*end添加车辆列表*/

/**/
.order_list_number {
    font-size: 14px !important;
    color: #999;
    line-height: 24px;
}

.order_stime {
    width: 210px !important;
}

@media (max-width: 480px) {
    .order_list_number {
        display: block !important;
        width: 100% !important;
        padding: 0px 5px;
    }
}

.end_order_time {
    display: table;
    width: 100%;
    text-align: center;
    line-height: 30px;
}

    .end_order_time .start_time {
        display: table-cell;
        width: 40%;
    }

    .end_order_time .stop_time {
        display: table-cell;
        width: 40%;
    }

        .end_order_time .stop_time .time_info, .end_order_time .start_time .time_info {
            font-size: 12px;
        }

    .end_order_time .div_order_status {
        display: table-cell;
        width: 20%;
    }

        .end_order_time .div_order_status .order_status {
            background: #dc2726;
            font-size: 12px;
            color: #fff;
            font-family: 微软雅黑;
            border-radius: 5px;
            margin: 0px 3px;
            height: 30px;
            overflow: hidden;
        }

.btn_cancel {
    background: #cccccc !important;
}

.btn_complete {
    background: #69cd38 !important;
}

.btn_change {
    background: #f98200 !important;
}

/*start进度条*/
.progress_bar {
    display: table;
    width: 100%;
}

    .progress_bar .pb_cell {
        display: table-cell;
        width: 38%;
        vertical-align: top;
    }

    .progress_bar .last_pb_cell {
        display: table-cell;
        width: 24%;
        vertical-align: top;
    }

    .progress_bar .pb_cell .pbl {
        display: table-cell;
        width: 100%;
        margin-right: 24px;
        height: 40px;
    }

    .progress_bar .pb_cell .undonel, .progress_bar .last_pb_cell .undonel {
        background: #c8c8c8;
        display: table-cell;
    }

    .progress_bar .pb_cell .ongoingl, .progress_bar .last_pb_cell .ongoingl {
        background: #0a7fc6;
        display: table-cell;
    }

    .progress_bar .pb_cell .completel, .progress_bar .last_pb_cell .completel {
        background: #69cd38;
        display: table-cell;
    }

    .progress_bar .pb_cell .pbr {
        height: 40px;
        width: 24px;
        background: url("/themes/mStyle1/Image/public/order_progress1.png") no-repeat;
        display: table-cell;
        background-size: 24px;
        vertical-align: middle;
        background-position: 0px 0px;
        position: absolute;
        z-index: 100;
        top: 0px;
        right: 0px;
    }

    .progress_bar .pb_sel {
        display: table;
        width: 100%;
        position: relative;
    }

        .progress_bar .pb_sel .pbl {
            padding: 0px 5px;
        }

    .progress_bar .pb_cell .undone {
        background-position: 0px -126px;
    }

    .progress_bar .pb_cell .ongoing {
        background-position: 0px -84px;
    }

    .progress_bar .pb_cell .complete {
        background-position: 0px -42px;
    }


.pbl > span {
    display: inline-block;
    font-size: 12px;
    line-height: 40px;
    color: #fff;
}

.pbl > .order_number {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    vertical-align: middle;
    line-height: 18px;
    text-align: center;
    font-weight: bold;
}

.pbl.completel > .order_number {
    color: #69cd38;
}

.pbl.ongoingl > .order_number {
    color: #0a7fc6;
}

.pbl.undonel > .order_number {
    color: #c8c8c8;
}
/*end进度条*/
/*start退款*/
.refundInfo {
    display: table;
    width: 100%;
    text-align: center;
    margin: 10px 0px;
}

    .refundInfo .ref_img {
        display: inline-block;
        vertical-align: middle;
        max-width: 70px;
        width: 15%;
    }

    .refundInfo .ref_txt {
        display: inline-block;
        vertical-align: middle;
        color: #656565;
        font-size: 18px;
        font-weight: bold;
    }

.reason {
    line-height: 20px;
    text-indent: 32px;
}
/*end退款*/
.price_txt {
    max-width: 100px;
    border: 1px solid #ccc;
}
